<template>
	<view class="pay-code">
		<view class="qrcode">
			<uqrcode ref="qrcode" canvas-id="qrcode" :value="code" />
		</view>
		<view class="money">
			<view class="mark">￥</view>
			0
		</view>
		<view class="money-tip">余额</view>
		<view class="sep" />
		买单时扫付款码或出示二维码,即可享受优惠哟~
	</view>
</template>

<script lang="ts" setup>

const code = 'test';

</script>

<style scoped lang="scss">
.pay-code {
	text-align: center;
	border-radius: $uni-border-radius-lg;
	background: white;
	color: $uni-text-color-grey;
	padding: 30px 15px;
	font-size: $uni-font-size-base;
	.qrcode {
		display: flex;
		justify-content: center;
	}
	.money {
		.mark {
			display: inline;
			font-size: 15px;
		}
		margin-top: 10px;
		font-size: 28px;
		font-weight: 600;
		color: black;
	}
}
</style>
